/**
 * Created by sfr on 2017/10/10.
 */
import React from "react";
import {connect} from "dva";
import { routerRedux } from 'dva/router';
import moment from 'moment';
import {Button, Flex, WhiteSpace, List } from "antd-mobile";
import styles from './websiteDetail.less'
const empty = require('is-empty');

class WebsiteDetail extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      files: [],
    };
  }
  //==生命周期--页面渲染
  render() {
    const { files } = this.state;
    return (
      <div className='websiteDetail' style={{backgroundColor: '#eee'}}>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站名称
          </div>
          <div className={styles.itemText}>
            网站名称
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站域名
          </div>
          <div className={styles.itemText}>
            网站域名
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            ICP备案号
          </div>
          <div className={styles.itemText}>
           ICP备案号
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            责任单位
          </div>
          <div className={styles.itemText}>
            单位名称
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            单位类别
          </div>
          <div className={styles.itemText}>
            机关事业单位
          </div>
        </Flex>
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            单位负责人(法人)
          </div>
          <div className={styles.itemText}>
            负责人姓名
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            联系方式
          </div>
          <div className={styles.telphone}>
            <a href="tel:18888888888"></a>
            18888888888
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            上级党(工)委
          </div>
          <div className={styles.itemText}>
            上级党(工)委名称
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            单位在岗职工总人数
          </div>
          <div className={styles.itemText}>
            24
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站主体人(注册人)
          </div>
          <div className={styles.telphone}>
            18888888888
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            入党积极分子
          </div>
          <div className={styles.itemText}>
            24
          </div>
        </Flex>
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站类型
          </div>
          <div className={styles.itemText}>
            网站类型
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站主要内容
          </div>
          <div className={styles.itemText}>
            网站主要内容
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            是否包含论坛
          </div>
          <div className={styles.itemText}>
            否
          </div>
        </Flex>
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站管理人数
          </div>
          <div className={styles.itemText}>
            24
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站管理员中党员数量
          </div>
          <div className={styles.itemText}>
            6
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站管理员(总编辑)
          </div>
          <div className={styles.itemText}>
            管理员姓名
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            联系方式
          </div>
          <div className={styles.telphone}>
            18888888888
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            网站第二管理员
          </div>
          <div className={styles.itemText}>
            管理员姓名
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            联系方式
          </div>
          <div className={styles.telphone}>
            18888888888
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            管理人员办公地点
          </div>
          <div className={styles.itemText}>
            办公地点
          </div>
        </Flex>
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <WhiteSpace style={{backgroundColor: '#eee'}} />
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            服务器所在企业
          </div>
          <div className={styles.itemText}>
            企业名称
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            服务器管理员
          </div>
          <div className={styles.itemText}>
            管理员姓名
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            联系方式
          </div>
          <div className={styles.telphone}>
            18888888888
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            接入服务商
          </div>
          <div className={styles.itemText}>
            服务商名称
          </div>
        </Flex>
        <Flex justify='between' align='center' className={styles.itemBox}>
          <div className={styles.itemTitle}>
            其他
          </div>
          <div className={styles.itemText}>
            
          </div>
        </Flex>
      </div>
    );
	}
  //==组件所有函数
}

function mapStateToProps({ information }){
  return {
    information
	};
}
export default connect(mapStateToProps)(WebsiteDetail);